

@import "./common.less";

.allTitle() {
    width: 100%;
    color: rgb(155, 105, 30);
    font-size: 18px;
    padding: 15px 0;
    padding-left: 10px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.mmm_view {
    // width: 414px;
    .product_title {
        padding-top: 89px;
    }
    // 品牌
    .brand_list {
        width: 100%;
        .product_title {
            .allTitle()
        }
        .brand_product {
            width: 100%;
            background-color: #fff;
            .product_list {
                li {
                    height: 60px;
                    font-size: 16px;
                    padding-top: 10px;
                    border-bottom: 1px solid #eee;
                    a {
                        display: flex;
                        em {
                            display: block;
                            width: 20px;
                            height: 20px;
                            background-color: #ccc;
                            font-style: normal;
                            text-align: center;
                            color: #fff;
                            margin-left: 5px;
                            border-radius: 30%;
                        }
                        .inner {
                            padding-left: 10px;
                            color: #000;
                            .tit {
                                flex: 1;
                            }
                            p {}
                        }
                    }
                    &:nth-of-type(1) em {
                        background-color: #f00;
                    }
                    &:nth-of-type(2) em {
                        background-color: rgb(184, 135, 2);
                    }
                    &:nth-of-type(3) em {
                        background-color: #0f0;
                    }
                }
            }
        }
    } // 销量排行
    .sales_list {
        width: 100%;
        .salesList_title {
            .allTitle()
        }
        .salesList_product {
            width: 100%;
            background-color: #fff;
            .salesList_info {
                li {
                    padding-right: 20px;
                    border-bottom: 1px solid #ccc;
                    display: flex;
                    a {
                        text-align: center;
                        img {
                            width: 80%;
                        }
                    }
                    .salesInfo {
                        overflow: hidden;
                        padding-top: 25px;
                        font-size: 16px;
                        line-height: 30px;
                        flex: 1;
                        h5 {
                            color: #000;
                        }
                        p {
                            color: #000;
                            padding-top: 10px;
                        }
                        em {
                            font-style: normal;
                        }
                    }
                }
            }
        }
    } // 最新评论
    .comment_list {
        margin-bottom: 10px;
        .comment_title {
            .allTitle()
        }
        .comment_info {
        background-color: #fff;

            .commentInList {
                li {
                    border-bottom: 1px solid #ccc;
                    padding-bottom: 10px;
                    a {
                        display: flex;
                        img {
                            width: 120px;
                            height: 120px;
                            padding-top: 20px;
                            padding-left: 15px;
                        }
                        .salesInfo {
                            padding-top: 10px;
                            padding-left: 10px;
                            flex: 1;
                            h5 {
                                font-size: 14px;
                                line-height: 20px;
                            }
                        }
                    }
                    .contentInfo {
                        background-color: #efeff4;
                        margin: 0 10px;
                        margin-top: 20px;
                        padding: 10px;
                        border: 1px solid #bbb2b2;

                        .userName {
                            width: 100%;
                            height: 50px;
                            position: relative;
                            color: #bbb; // padding-top: 20px;
                            &::before{
                                content: "";
                                width: 5px;
                                height: 5px;
                                background-color: #efeff4;
                                border: 1px solid #e7e7e7;
                                // position: relative;
                                // top: -5px;
                                // left: 25px;
                            }
                            .star {
                                position: absolute;
                                left: 50px;
                                top: 0px;
                                width: 150px;
                                i {
                                    margin-left: -5px;
                                    color: rgb(163, 108, 7);
                                    }
                                }
                            }
                            
                        .date1 {
                            position: absolute;
                            right: 10px;
                            top: 10px;
                            font-style: normal;
                        }
                        .content {}
                        
                    }
                    &:nth-of-type(3) .star{
                        padding-left: 35px;
                }
                }
            }
        }
    }
}